<template>
<!-- 消息通知 -->
  <div class="content">
    <div class="headrBox">
      <div class="tit_top">{{dataInfo.info_title?dataInfo.info_title:dataInfo.info_text}}</div>
      <div class="tit_bot">{{dataInfo.insert_time}}</div>
    </div>
    <div class="out">
      <div class="cententBox" v-html="dataInfo.info_title?dataInfo.info_text:''">
      </div>
    </div>
  </div>
</template>

<script>
  const { $Toast, $Message } = require('../../../../../static/iview/base/index')
  import api from '@/api/api'
  export default {
    data () {
      return {
        dataInfo:{},
      }
    },
    onLoad (options) {
      this.get_detail(options.id)
    },
    mounted () {
    },
    methods: {
      get_detail(e){
        this.$api.remindDetail({information_id:e}).then(res=>{
          this.dataInfo = res.data
          this.dataInfo.insert_time = this.$utils.filterTime(this.dataInfo.insert_time, 1)
          this.dataInfo.info_text = this.dataInfo.info_text.replace(/\<img/gi, '<img style="max-width:100%;height:auto" ')
        })
      }
    }
  }
</script>

<style scoped lang='less'>
.content {
    overflow: scroll;
    padding:40rpx;
  }
.tit_top{
  font-size:40rpx;
  font-weight:bold;
  color:rgba(51,51,51,1);
  margin-bottom:10rpx;
}
.headrBox{
  margin-bottom:40rpx;
}
.tit_bot{
  font-size:24rpx;
  font-weight:400;
  color:rgba(153,153,153,1);
}
.out {
  width: 100%;
  overflow: hidden;
  img {
    width: 100%;
  }
}
.cententBox{
  font-size:30rpx;
  font-weight:400;
  color:rgba(51,51,51,1);
  margin-bottom:40rpx;
  word-break: break-all;
  width: 100%;
  overflow-y: auto;
  img {
    width: 100%;
  }
}
</style>
